/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1170px){

}
@media only screen and (max-width : 1169px){
	section.slika .tekstwrap {top:20%;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){

}
@media only screen and (max-width : 991px){
	.meniwrap {display: none;}
	header .logo {height: 40px;}
	
	.mobwrap {
		display: block;
		position: absolute;
		right: 0px;
		top: -5px;
	}
	.moblang {position: absolute; right: 0; top:13px;}
	.moblang a {display: inline-block; margin-right: 10px; color: #6d6f72; font-size: 15px;}
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px){
	.holder {position: relative; z-index: 9999;}
	.over {width: 100%; height: auto; position: absolute; background-color: rgba(0,0,0, .4); height: 688px; top:0; z-index: 1;}
	section.goriva h4 {margin-top: 60px;}
	section.goriva {position: relative; z-index: 9999;}
	section.goriva h2 {width: auto;}
	header .mobmeni {width: 100%; top:60px;left: 0;}
	section.plava {display: none;}
	section.diesel {height: auto;padding-top: 130px; padding-bottom:20px; position: relative; margin-top:-100px; z-index: 10;}
	/*section.kvaliteta, section.sigurnost, section.briga {position: relative; top:-100px; z-index: 10;}*/
	section.diesel .opisimg {margin-top: 0; margin-bottom: 20px;}
	section.diesel h4 {margin-top: 20px;}
	section.diesel .opis {margin-top:200px;}
	section.sigurnost {height: auto;}
	section.slika h1 {letter-spacing: 0px;}
	section h2 {font-size: 30px !important;}
	section.slika h1 {font-size: 40px;}
	section.slika .podnaslov {font-size: 22px; margin-top: 0; width: 300px;}
	section.slika .tekstwrap {margin-top: 100px;}
	section.slika .row > div { height:auto; margin-top: 0; position: static;}
	section.slika .tekstwrap {margin-top: 320px; position: static;}
	section.slika .gorivawrap {position: static;}
	section.slika .gorivawrap img {margin-left: 0; margin-right: 20px; margin-top: 30px;}
	/*section.slika {height:280px; background-image: url(../img/CP_heder.jpg); background-size: cover;}*/
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 560px){
	section.diesel {
		margin-top:-150px;
		padding-top:150px;
	}
}
@media only screen and (max-width : 480px){
	
	section h2 {font-size: 30px !important;}
	section.slika h1 {font-size: 30px;}
	
	.over {height: 400px;}
	section.slika .tekstwrap {margin-top: 70px; position: static; }
	section .gorivawrap img {margin-right: 10px !important;}
	
	.maloFoo .ina {float: none !important; text-align: center;}
	.maloFoo .copy {float: none !important; text-align: center;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 380px){
	section.slika h1 {font-size: 20px; letter-spacing: 0px;}
	section.slika .podnaslov {font-size: 20px; letter-spacing: 0px;}

	section.slika .tekstwrap {margin-top: 70px; position: static; }
	section.slika .gorivawrap img {margin-left: 0; margin-right: 10px;}

	section.diesel {
		margin-top: -180px;
		padding-top: 220px;
	}
}

/*************** MOJE ********************/